// mixin类似于js的方法，可以调用
// flex布局复用：参数$hov为水平方向，设置默认值为space-between，参数$col为垂直方向，设置默认值为center
@mixin flex($hov:space-between, $col:center) {
  display: flex;
  justify-content: $hov;
  align-items: $col;
}

@mixin bgImg($w:0, $h:0, $img:'', $size:contain) {
  display: inline-block;
  width: $w;
  height: $h;
  background: url($img) no-repeat center;
  background-size: $size;
}

@mixin position($pos:absolute, $top:0, $left:0, $w:100%, $h:100%) {
  position: $pos;
  top: $top;
  left: $left;
  width: $w;
  height: $h;
}

@mixin positionImg($pos:absolute, $top:0, $right:0, $w:0, $h:0, $img:'') {
  position: $pos;
  top: $top;
  right: $right;
  width: $w;
  height: $h;
  background: url($img) no-repeat center;
  background-size: contain;
}

@mixin height($h:0, $lh:$h) {
  height: $h;
  line-height: $lh;
}

@mixin wH($w:0, $h:0) {
  width: $w;
  height: $h;
}

@mixin border($bw:1px, $bc:$colorF, $bs:solid) {
  border: $bw $bs $bc;
}